\documentclass[11pt,italian]{report}

%IMPORTANTE:
%comando \hyphenation{pa-ro-la sil-la-ba-zio-ne}
%istruisce l'algoritmo di LaTeX su come spezzare una parola non presente nel suo vocabolario!!

%INCLUSIONE DI PACCHETTI
\usepackage{textcomp}
\usepackage{graphicx}
\usepackage{fancyhdr}
\usepackage{lastpage}
\usepackage[italian]{babel}
\usepackage[colorlinks=true]{hyperref} %per indice con link alle pagine
\hypersetup{colorlinks,citecolor=black,filecolor=black,linkcolor=black,urlcolor=blue}
\usepackage[a4paper,portrait,left=2.5cm,right=2.5cm,bindingoffset=5mm]{geometry}
\usepackage[utf8]{inputenc}
\setcounter{secnumdepth}{3} % per numerare anche \subsubsection
\setcounter{tocdepth}{3}% per farlo apparire nell'indice
%\frenchspacing

%COMANDI PERSONALIZZATI

%*Per i comandi di RICHIAMO STRINGA:*
%Modificare il valore tra parentesi graffe per cambiare i valori in tutto il documento


%***CAMPI NON SOGGETTI A CAMBIAMENTO TRA I DOCUMENTI***
% comando per mail, e-mail come argomento
\newcommand{\mail}[1]{\href{mailto:#1}{\texttt{#1}}}
% richiama il nome del gruppo
\newcommand{\gruppo}{LulzLab}
% usa \mail per la mail di gruppo
\newcommand{\gmail}{\mail{ecavalla@studenti.math.unipd.it}}
% richiama il logo
\newcommand{\logo}{images/logo.jpg}
\newcommand{\progetto}{Accademia Arma Mentis}
\newcommand{\corso}{Corso di Tecnologie Web}
\newcommand{\anno}{A.A. 2010/2011}

%REGISTRO DELLE MODIFICHE
% larghezza colonna Versione
\newcommand{\verW}{65pt}
% larghezza colonna Data di modifica
\newcommand{\dateW}{100pt}
% larghezza colonna Descrizione
\newcommand{\descW}{145pt}
% larghezza colonna Autore
\newcommand{\authW}{85pt}
% nome header Versione
\newcommand{\tabheadVer}[1]{\makebox[\verW][c]{\textbf{\uppercase{#1}}}}
% nome header Data di modifica
\newcommand{\tabheadDate}[1]{\makebox[\dateW][c]{\textbf{\uppercase{#1}}}}
% nome header Descrizione
\newcommand{\tabheadDesc}[1]{\makebox[\descW][c]{\textbf{\uppercase{#1}}}}
% nome header Autore
\newcommand{\tabheadAuth}[1]{\makebox[\authW][c]{\textbf{\uppercase{#1}}}}
% nome campo Versione
\newcommand{\tabfieldVer}[1]{\makebox[\verW][c]{\texttt{#1}}}
% nome campo Data di modifica
\newcommand{\tabfieldDate}[1]{\makebox[\dateW][c]{\texttt{#1}}}
% nome campo Descrizione
\newcommand{\tabfieldDesc}[1]{\texttt{#1}}
% nome campo Autore
\newcommand{\tabfieldAuth}[1]{\makebox[\authW][c]{\texttt{#1}}}

%TABELLA FRONTESPIZIO
% larghezza colonne tabella frontespizio
\newcommand{\ftW}{150pt}
% inserimento campo sx tab frontespizio
\newcommand{\ftfieldL}[1]{\makebox[\ftW][r]{\textbf{#1}}}
% inserimento campo dx tab frontespizio
\newcommand{\ftfieldR}[1]{\makebox[\ftW][l]{#1}}

%GENERICI TABELLA
% formattazione riga di tabella
\newcommand{\posizCella}{\rule[-5pt]{0pt}{20pt}}
% formattazione riga di tabella + riga orizz.
\newcommand{\posizCellaRiga}{\hline \posizCella}
% ***FINE***


%***HEADER E FOOTER***
\pagestyle{fancy}
\fancyhead{} % definizione layout personalizzato
\headheight = 54pt
\lhead{\leftmark}
\chead{}
\rhead{\includegraphics[height=50pt]{\logo}}
\lfoot{\corso{} - \anno}
\cfoot{}
\rfoot{Pagina \thepage{ di} \pageref{LastPage}}
\renewcommand{\chaptermark}[1]{\markboth{\uppercase{\thechapter.\ \small{#1}}}{}}
\renewcommand{\headrulewidth}{1pt}
\renewcommand{\footrulewidth}{1pt}

\fancypagestyle{plain}{} % richiamo layout personalizzato
\fancypagestyle{empty}{ % layout vuoto tra righe orizz. (frontespizio)
\lhead{}
\chead{}
\rhead{}
\lfoot{}
\cfoot{}
\rfoot{}
}
%***FINE***


%***CAMPI SOGGETTI A CAMBIAMENTO******************************************************************

% MODIFICA TIPICA: richiama il nome del documento
\newcommand{\documento}{Relazione}

%***FINE COMANDI**********************************************************************************


%***FINE PREAMBOLO***

%***INIZIO DEL DOCUMENTO***
\begin{document}
%PAGINA 1
%FRONTESPIZIO
{
\samepage
%LAYOUT 'EMPTY'
\thispagestyle{empty}
\begin{center}
\vspace*{10pt}
{\Huge \textbf{\progetto}}\\[25pt]
{\Large \MakeUppercase{\documento}}\\[10pt]
{\normalsize \corso{} - \anno}\\
\vspace{45pt}
\includegraphics[height=250pt]{\logo}\\
\vspace{45pt}
{\Large \textbf{\gruppo}}\\[5pt]
$
\langle
{\normalsize \gmail}
\rangle
$
\begin{small}
\begin{table}[!b]
\centering
\begin{tabular}{p{\ftW}|p{\ftW}}
\hline
%***ZONA DA MODIFICARE: TABELLA DEL FRONTESPIZIO**************************************************
\posizCella
\ftfieldL{Elia Cavallaro} & \ftfieldR{579807-SIN} \\
\posizCella
\ftfieldL{Mario Garavello} & \ftfieldR{579806-SIN} \\
\posizCella
\ftfieldL{Lorenzo Menza} & \ftfieldR{543646-SIN} \\
\posizCella
\ftfieldL{Marco Pegoraro} & \ftfieldR{575938-SIN} \\
%***FINE TABELLA**********************************************************************************
\hline
\end{tabular}
\end{table}
\end{small}
\end{center}
}
\newpage
%PAGINA 2
% %REGISTRO DELLE MODIFICHE E SOMMARIO
% {
% \samepage
%ADATTAMENTO DEL LAYOUT DI PAGINA
\lhead{\progetto}
\rfoot{\thepage}
\pagenumbering{Roman}
% \newpage
%PAGINA 3
%EVENTUALE PREMESSA
% {
% \chapter*{Premessa}
% \newpage
%PAGINA 4
%INDICE
{
%ADATTAMENTO DEL LAYOUT DI PAGINA
\lhead{\leftmark}
%COMANDO CREAZIONE INDICE
\tableofcontents
%EVENTUALE CREAZIONE ELENCO FIGURE
\listoffigures
%EVENTUALE CREAZIONE ELENCO TABELLE
\listoftables
}
\newpage
%DOCUMENTO
{
%ADATTAMENTO DEL LAYOUT DI PAGINA
\rfoot{Pagina \thepage{ di} \pageref{LastPage}}
\pagenumbering{arabic}
\chapter{Introduzione}
\section{L'idea}
L'Accademia ``Arma Mentis'' nasce ufficialmente nel 2009, dopo un progressivo distacco dalla Compagnia del Lupo Passante, associazione di rievocazione storica che ha permesso l'attivit\`a di studio dei trattati medievali e rinascimentali necessaria per avviare una vera e propria Scuola d'Arme.

\medskip
L'idea di sviluppare un sito Web inerente a detta Accademia \`e stata suggerita da un membro di \gruppo{} affiliato; dalla successiva analisi \`e emerso come lo sviluppo di detto sito ben si prestava alle richieste progettuali, sia in termini di complessit\`a che in termini di soddisfacibilit\`a dei requisiti richiesti dal Docente.

\medskip
In aggiunta alle considerazioni precedenti, \`e verosimile che parte del prodotto finito possa essere adottato dall'Accademia, offrendo valore aggiunto al progetto didattico.
\newpage
\section{Considerazioni generali}
Il sito oggetto del progetto didattico \`e stato strutturato a partire dal classico schema \emph{a tre pannelli}.

\medskip
La \emph{homepage}, raffigurata a pagina seguente, bene evidenzia la struttura utilizzata; si veda il capitolo successivo per un maggior dettaglio in merito.
\bigskip
\begin{figure}[!h]
\centering
\includegraphics[width=425pt]{images/home.png}
\caption{\emph{screenshot} della \emph{homepage} del sito Web}
\end{figure}
\chapter{Struttura del sito}
L'organizzazione dei contenuti di un sito Web \`e un aspetto basilare in sede di progettazione; nel nostro caso, dal momento che dalla natura delle informazioni d'interesse emergeva una separazione di contenuti sufficientemente netta, si \`e scelto di organizzare l'informazione attraverso la seguente modalit\`a.
\begin{itemize}
 \item Il \textbf{pannello di navigazione} conterr\`a i riferimenti alle sezioni principali del sito
 \item I \textbf{collegamenti} alle \textbf{pagine secondarie} saranno raggiungibili direttamente dalle pagine principali
 \item Il \textbf{pannello di posizione} conterr\`a comunque il percorso completo della pagina, indipendentemente dalla tipologia, al fine di garantire una pi\`u agevole navigazione
\end{itemize}
\section{Sezioni principali}
La struttura cardine del sito presenta le seguenti sezioni.
\medskip
\begin{itemize}
 \item \textbf{Home}: \emph{homepage} del sito Web; al suo interno si trova un collegamento alla sezione ``Chi siamo'', scelta dedicata agli utenti alla prima visita allo scopo di fornire una pi\`u immediata disponibilit\`a di informazione sull'Accademia
 \item \textbf{Chi Siamo}: breve storia dell'Accademia e discipline in oggetto
 \item \textbf{Dove Siamo}: \emph{location} dell'Accademia, e relativo collegamento a Google Maps
 \item \textbf{Le armi}: breve introduzione all'arsenale e link alle pagine inerenti alle diverse tipologie di armamenti in esame
 \item \textbf{Fonti Storiche}: dati bibliografici principali dei trattati di scherma medievale e rinascimentale giunti sino a noi
 \item \textbf{Informazioni}: orari ed informazioni di contatto dell'Accademia
\end{itemize}
\newpage
\section{Sezioni secondarie}
Le sezioni qui in esame sono raggiungibili solo dai link all'interno della pagina ``Le armi'', unica sezione del sito a fornire informazione in pagine secondarie.

\medskip
L'informazione qui in esame si presta per sua natura ad essere cos\`i suddivisa, in quanto la descrizione dei vari arsenali trattati dall'Accademia \`e intesa essenzialmente come approfondimento per gli utenti interessati.

\medskip
Ognuna delle sezioni sotto elencate fornisce una rappresentazione ed informazioni storico-militari inerenti a ciascuna arma inserita nella relativa tipologia di arsenale.
\bigskip
\begin{itemize}
 \item Armi da Taglio
 \item Armi in Asta
 \item Armi Contundenti
 \item Armi da Tiro
\end{itemize}
\chapter{Accessibilit\`a}
L'accessibilit\`a di un sito Web \`e un aspetto fondamentale del sito stesso. \gruppo{} intende far s\`i che il proprio prodotto sia accessibile all'utenza pi\`u ampia possibile, indipendentemente dalle caratteristiche del proprio \emph{hardware} piuttosto che dalle proprie abilit\`a fisiche.
\section{Considerazioni generali}
\subsection{Ridimensionamento}
Ridimensionando la finestra del browser, i contenuti all'interno dei pannelli si riposizionano senza sovrapporsi, ad esclusione del logo dell'Accademia e del pannello di navigazione sul lato sinistro.

\medskip
Il testo scorre all'interno dei relativi pannelli, mantenendosi nelle posizioni relative rispetto alle immagini che, ad eccezione del logo e delle foto in homepage, si ridimensionano anch'esse.

\medskip
Il sito si rimpicciolisce fino ad una dimensione minima che preservi la comprensibilit\`a delle immagini; per quanto concerne l'ingrandimento, il comportamento risulta adeguato.
\section{Dispositivi in bianco e nero}
Il sito Web in oggetto risulta perfettamente accessibile anche da periferiche con schermo in bianco e nero.
\section{Stampa}
Per quanto concerne la stampa, \`e a disposizione un foglio di stile dedicato, il quale provvede ad eliminare i contenuti del sito inutili alla consultazione cartacea, fornendo ai dispositivi di stampa esclusivamente il pannello dei contenuti; il colore del testo risulter\`a essere automaticamente settato sul nero, mentre non sar\`a presente lo sfondo.

\medskip
\noindent
Vi \`e inoltre la possibilit\`a di accedere al sito tramite dispositivi di sola stampa.
\newpage
\section{Utenti con difficolt\`a uditive / non udenti}
Questa categoria di utenza lamenta problemi inerenti alla corretta percezione dei suoni, di gravit\`a variabile fino alla sordit\`a.

\medskip
Allo scopo di garantire l'accessibilit\`a anche a questa tipologia di utenza, il sito \textbf{non fornisce contenuti multimediali sonori}, preferendo a questi ultimi le descrizioni testuali supportate da immagini.
\section{Utenti con difficolt\`a visive}
\subsection{Utenti deuteranopi, protanopi e tritanopi}
Questa categoria di utenza lamenta una ridotta percezione dei colori, variabile a seconda del deficit visivo in oggetto.

\medskip
Allo scopo di garantire una corretta accessibilit\`a a ciascuno degli utenti con le difficolt\`a visive citate, sono stati creati degli strumenti e delle metriche in grado di certificare la capacit\`a di un sito Web di venire incontro alle loro necessit\`a.

\medskip
\gruppo{} ha adottato, per certificare l'accessibilit\`a del proprio sito in merito a dette classi di utenza, lo strumento reperibile all'indirizzo \url{http://gmazzocato.altervista.org/colorwheel/wheel.php}.
\subsubsection{Aspetto globale}
La scelta cromatica inerente al sito, i cui due colori (\texttt{\#DDDDDD} e \texttt{\#333333}) richiamano le cupe ambientazioni medievali, oltre a prestarsi in modo efficace al contesto inerente al sito offrono un notevole vantaggio intrinseco.

\medskip
Calibrando i parametri di valutazione su \emph{enhanced accessibility level} (\texttt{AAA}), il rapporto di contrasto (\emph{contrast ratio}) risultante si attesta sul valore di \textbf{12.6:1}; ne risulta che il sito oggetto del progetto didattico \textbf{non necessita di CSS alternativi} specifici per detti problemi visivi, in quanto rispetta nativamente il massimo requisito di accessibilit\`a certificato.
\subsubsection{Link}
Il rapporto di contrasto relativo al colore dei link rapportato allo sfondo ha ottenuto un buon risultato; la metrica meno aderente alle specifiche, infatti, si \`e attestata su un rapporto di \textbf{3:1}.
\section{Utenti non vedenti}
Questa categoria di utenza necessita di strumenti ausiliari (\emph{screen reader}) per la navigazione; a tal scopo sono stati predisposti i seguenti ausili per rendere accessibile il sito all'utenza non vedente.
\bigskip
\begin{itemize}
 \item Assenza di filmati, preferenza per le descrizioni testuali
 \item Utilizzo dell'attributo \textbf{alt} per le immagini
 \item Presenza di un link \textbf{``Salta la navigazione''}: permette una pi\`u rapida ed agevole navigazione del sito attraverso l'utilizzo di \emph{screen reader}
 \item Utilizzo di \textbf{AccessKey} e \textbf{TabIndex} per un pi\`u facile accesso ai link presenti nel sito
 \item L'unica \textbf{tabella} presente nel sito (Sezione ``Informazioni'') risulta perfettamente \textbf{comprensibile} dallo \emph{screen reader} per mezzo dell'utilizzo degli appositi \emph{tag}
 \item L'unico \textbf{form} presente nel sito (Sezione ``Fonti Storiche'') risulta perfettamente \textbf{comprensibile} dallo \emph{screen reader} per mezzo dell'utilizzo degli appositi \emph{tag}
\end{itemize}
\section{Utenti con difficolt\`a motorie}
Questa categoria di utenza presenta la necessit\`a di una navigazione quanto pi\`u possibile ottimizzata, allo scopo di semplificare quanto pi\`u possibile l'attivit\`a motoria necessaria.

\medskip
A tale scopo si \`e provveduto ad agevolare l'accesso ai link tramite \textbf{AccessKey} ed ottimizzare il movimento tra gli elementi del sito tramite l'utilizzo di \textbf{TabIndex}.
\newpage
\section{Motori di ricerca}
Il posizionamento nella graduatoria dei risultati di un motore di ricerca \`e molto importante per garantire la massima accessibilit\`a possibile del sito ad un'utenza quanto pi\`u ampia possibile.

\medskip
A tale scopo si \`e fatto uso dei \textbf{meta tag}; in particolare i valori degli attributi \textbf{description} e \textbf{keyword} sono stati scelti in modo da ottimizzare la considerazione dedicata dai motori di ricerca nei riguardi del sito.

\medskip
\`E stato inoltre validato l'intero contenuto del sito Web; \`e difatti noto che la validazione \`e uno dei parametri utilizzati dai motori di ricerca. Conseguentemente la presenza del contenuto validato dal W3C aumenter\`a la visibilit\`a del sito su Internet.
\chapter{Utilizzo di XML e Perl}
\section{Inserimento di una fonte storica}
Il sito Web oggetto del progetto didattico fa uso di XML e Perl per quanto concerne l'inserimento di un trattato nell'ambito delle fonti storiche, il quale viene gestito attraverso un form in Perl.

\medskip
Le figure di seguito illustrano il funzionamento del form: inizialmente, dopo aver cliccato sul link di inserimento dati presente nella Sezione ``Fonti Storiche'', il form appare vuoto.
\bigskip
\begin{figure}[!h]
\centering
\includegraphics[width=425pt]{images/perl1.png}
\caption{\emph{screenshot} form inserimento dati trattato, stato iniziale}
\end{figure}
\newpage
\noindent
Come si evince dall'immagine precedente, l'utente \`e tenuto ad inserire titolo, autore, anno e descrizione del trattato; tutti i campi sono obbligatori e contrassegnati da un asterisco.

\medskip
Una volta digitati i dati corrispondenti, l'utente proceder\`a all'invio tramite l'apposito bottone.
\noindent
A questo punto vengono svolti dei controlli sui campi:
\begin{itemize}
 \item per quelli \textbf{testuali} (titolo, autore, descrizione) si controlla che il campo \textbf{non sia vuoto}
 \item per quelli \textbf{numerici} (anno) si controlla che il valore \textbf{sia maggiore od uguale a 0} (Avanti Cristo)
\end{itemize}
Se i controlli non vengono superati, la pagina del form verr\`a ricaricata con i valori inseriti; l'asterisco, ove presente, indicher\`a il/i valore/i errato/i. L'immagine seguente illustra questo caso.
\bigskip
\begin{figure}[!h]
\centering
\includegraphics[width=425pt]{images/perl2.png}
\caption{\emph{screenshot} form inserimento dati trattato, controllo dati}
\end{figure}
\bigskip
\newline
In caso di superamento dei controlli, viene visualizzata una notifica di avvenuto inserimento; a questo punto, i dati inseriti attraverso il form vengono salvati in un file XML tramite l'utilizzo della libreria \texttt{XML::LibXML}. L'illustrazione a pagina seguente mostra questo caso.
\bigskip
\begin{figure}[!h]
\centering
\includegraphics[width=425pt]{images/perl3.png}
\caption{\emph{screenshot} form inserimento dati trattato, accettazione dati}
\end{figure}
\newpage
\section{XMLSchema e modello utilizzato}
Sono di seguito riportati i due XMLSchema utilizzati all'interno del sito; entrambi utilizzano il modello ``Tende alla Veneziana''.
\subsection{XMLSchema \texttt{weapons.xsd}}
\small{
\bigskip
\begin{verbatim}
<?xml version="1.0" encoding="UTF-8"?>
<xsd:schema xmlns="http://www.w3.org/2001/XMLSchema" elementFormDefault="qualified">
  <xsd:element name="armi" type="Tarmi">
  <xsd:attribute name="tipo" type="Ttipo" />
    <xsd:simpleType name="Ttipo">
      <xsd:restriction base="xsd:string">
        <xsd:enumeration value="Armi in Asta" />
        <xsd:enumeration value="Armi da Taglio" />
        <xsd:enumeration value="Armi da Tiro" />
        <xsd:enumeration value="Armi Contundenti" />
      </xsd:restriction>
    </xsd:simpleType>
    <xsd:complexType name="Tarmi">
      <xsd:sequence>
        <xsd:element name="nome" type="xsd:string" />
        <xsd:element name="immagine" type="xsd:string" />
        <xsd:element name="periodo" type="xsd:string" />
        <xsd:element name="zona" type="xsd:string" />
        <xsd:element name="descrizione" type="xsd:string" />
      </xsd:sequence>
    </xsd:complexType>
  </xsd:element>
</xsd:schema>
\end{verbatim}
}
\subsection{XMLSchema \texttt{sources.xsd}}
\small{
\bigskip
\begin{verbatim}
<?xml version="1.0" encoding="UTF-8"?>
<xsd:schema xmlns="http://www.w3.org/2001/XMLSchema" elementFormDefault="qualified">
  <xsd:element name="trattati" type="Ttrattati">
    <xsd:complexType name="Ttrattati">
      <xsd:sequence>
        <xsd:element name="titolo" type="xsd:string" />
        <xsd:element name="autore" type="xsd:string" />
        <xsd:element name="anno" type="xsd:integer" />
        <xsd:element name="descrizione" type="xsd:string" />
      </xsd:sequence>
    </xsd:complexType>
  </xsd:element>
</xsd:schema>
\end{verbatim}
}
\normalsize
\chapter{Test}
Il sito Web oggetto del progetto didattico \`e stato creato secondo le specifiche del W3C; uno degli aspetti importanti di detta validazione consiste in fondate garanzie di compatibilit\`a rispetto ai maggiori browser e sistemi operativi in uso.

\medskip
Il progetto \`e stato testato su diverse piattaforme \emph{hardware} e \emph{software}; le sezioni a seguire presentano un resoconto dettagliato delle operazioni di \emph{testing} effettuate.
\section{Personal Computer}
\begin{table}[!h]
\centering
\begin{tabular}{|c|c|c|}
\posizCellaRiga
\textbf{OS} & \textbf{Browser} & \textbf{Versione} \\
\posizCellaRiga
MS Windows & Internet Explorer & 5.5, 6+ \\
\posizCellaRiga
MS Windows & Apple Safari & 5+ \\
\posizCellaRiga
GNU/Linux & Mozilla Firefox & 3.6+ \\
\posizCellaRiga
GNU/Linux & Google Chrome & 12+ \\
\posizCellaRiga
GNU/Linux & Chromium Browser & 12.0.742.91+ \\
\posizCellaRiga
GNU/Linux & Opera & 11.50+ \\
\hline
\end{tabular}
\caption{\emph{testing} su PC}
\end{table}
\newpage
\section{Dispositivi \emph{mobile}}
\begin{table}[!h]
\centering
\begin{tabular}{|c|c|c|}
\posizCellaRiga
\textbf{OS} & \textbf{Browser} & \textbf{Versione} \\
\posizCellaRiga
Android 2.2.2 & Opera Mobile & 11.1+ \\
\hline
\end{tabular}
\caption{\emph{testing} su dispositivi \emph{mobile}}
\end{table}
\bigskip
\noindent
Per quanto concerne il browser di default di Android, il sito Web non funziona correttamente a causa di un bug noto dello stesso in merito a XML.
\section{Osservazioni e problemi noti}
\begin{itemize}
 \item L'adattamento del sito Web oggetto del progetto didattico alla particolare struttura dello spazio Web dedicato offerto dal server del \corso{} comporta il mancato funzionamento dei link presenti all'interno del sito stesso; pertanto, per un corretto funzionamento del progetto sar\`a necessario eseguirlo da detto spazio Web; la copia consegnata tramite CD, pertanto, non funzioner\`a correttamente.
 \item Come conseguenza del punto precedente, il sito Web sar\`a correttamente visibile all'indirizzo \url{http://tecnologie-web/tecweb/~ecavalla/index.html}; inoltre, al fine di garantire il corretto funzionamento, dovranno essere settati opportunamente i permessi necessari al file CGI:\\
 \small
 \verb|-rwxr-xr-x 1 ecavalla www-data-ecavalla 14588 2011-07-01 05:48 inserimento.cgi|
 \normalsize
 \item Lavorando su una macchina remota, a seguito di un inserimento di una fonte storica, si rende necessario un aggiornamento della pagina, altrimenti continuer\`a ad essere mostrata la versione della stessa precedentemente in cache.
 \item Non si \`e riscontrata necessit\`a di utilizzare JavaScript; tale scelta ha inoltre il beneficio di assicurare la massima compatibilit\`a possibile con i browser e permettere il corretto funzionamento del sito Web anche con JavaScript disabilitato.
 \item Il salvataggio dei dati su file XML comporta una visualizzazione non corretta dei caratteri speciali.
\end{itemize}

\end{document}
% ***FINE DEL DOCUMENTO***